<template>
	<view class="contact">
		<image class="img" src="https://ss0.bdstatic.com/70cFuHSh_Q1YnxGkpoWK1HF6hhy/it/u=2798755777,1435200909&fm=11&gp=0.jpg" mode=""			></image>
		<view class="info">
			<view>联系电话: <text class="phoneNum" @click="call">15827496917</text> (点击拨打)</view>
			<view>联系地址: 广东省深圳市龙华区民治街道西头新村4区4栋阿西吧</view>
		</view>
		<map name="" :longitude="longitude" :scale="scale" :latitude="latitude" :markers="markers"></map>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				longitude:114.023085,
				latitude:22.648321,
				scale:18,
				markers:[{
					longitude:114.023085,
					latitude:22.648321,
					iconPath:'../../static/images/hmlogo.png',
					height:30,
					weight:30
				}]
			}
		},
		methods:{
			call(){
				uni.makePhoneCall({
					phoneNumber:'15827496917'
				})
			}
		}
	}
</script>

<style lang="scss">
	.contact{
		.img{
			width:750rpx;
			height:320rpx;
		}
		.info{
			padding: 10rpx 20rpx;
			view{
				border-bottom: 1px solid #eee;
				font-size:30rpx;
				line-height:60rpx;
				.phoneNum{
					color:red;
					margin:0 10rpx;
				}
			}
		}
		map{
			width:750rpx;
			height:750rpx;
		}
	}
</style>
